<template>
  <div class="generalize.vue">
    <div class="ditle_box">
      <h2 class="ditle_h">关于信阳市中心城区公交线路临时绕行公告</h2>
      <div class="ditle_title_box">
        <span class="ditle_title">作者: </span>
        <span class="ditle_title title_mar">信阳市公共交通总公司</span>
        <span class="ditle_title">发布时间</span>
        <span class="ditle_title title_mar">2020-03-29</span>
        <span class="ditle_title">点击率：</span>
        <span class="ditle_title">50</span>
      </div>
      <img
        class="ditle_off"
        src="../../../assets/imges/zhixian.png"
        alt=""
      >
      <div class="ditle_conte">
        <p class="ditle_conte_title">因市政道路施工，公交7路、25路于2020年3月29日起实施临时绕行，截止至4月1日，信阳公交临时绕行的线路有7路、8路、9路、13路、25路，请广大市民注意提前做好出行安排，给您带来的不便敬请谅解！具体绕行线路和站点如下：
        </p>
        <div
          v-for="(item,index) in ditleList"
          :key="index"
        >
          <p class="ditle_conte_title">{{item.title}} :</p>
          <p class="ditle_conte_title"><span class="ditle_item_title">{{item.shuang.title}}:</span>{{item.shuang.conter}}</p>
          <p class="ditle_conte_title"><span class="ditle_item_title">{{item.she.title}}:</span>{{item.she.conter}}</p>
          <p class="ditle_conte_title"><span class="ditle_item_title">{{item.quxiao.title}}:</span>{{item.quxiao.conter}}</p>
          <p class="ditle_conte_title">{{item.content}}</p>
        </div>
      </div>
      <!-- <p class="notice">特此公告</p>
      <div class="ditle_foot">
        <div class="foot_ab">
          <p>信阳市公交总公司</p>
          <p style="margin-right: 37px">2020年</p>
        </div>
      </div>
      <div class="up_dow_box">
        <div>
          <span class="up_dow up">上一篇:</span>没有了
        </div>
        <div>
          <span class="up_dow dow">下一篇:</span><span class="dow_cont pointer">关于信阳中心城市公交13路临时让行公告</span>
        </div>
      </div> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "generalize.vue",

  data() {
    return {
      ditleList: [
        {
          title: "7路",
          shuang: {
            title: "双向行驶",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          she: {
            title: "设立停靠",
            conter: "大拱桥、曾家园、大庆路口、东关菜场站点"
          },
          quxiao: {
            title: "双向行驶",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          content:
            "截止至4月1日，信阳公交已经恢复运营的线路有1路、2路、3路、7路、8路、9路、11路、13路、25路、26路、27路、28路、32路。疫情期间，所有线路发车间隔延长为20-30分钟，运营时间为07：00-18：00。后期根据客流量变化逐步增加。夜班车暂未恢复运营"
        },
        {
          title: "7路",
          shuang: {
            title: "双向行驶",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          she: {
            title: "设立停靠",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          quxiao: {
            title: "取消停靠",
            conter: "大拱桥、曾家园、大庆路口、东关菜场站点"
          },
          content: ""
        },
        {
          title: "7路",
          shuang: {
            title: "双向行驶",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          she: {
            title: "设立停靠",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          quxiao: {
            title: "取消停靠",
            conter: "大拱桥、曾家园、大庆路口、东关菜场站点"
          },
          content:
            "受二十四大街道路施工影响，13路终点站改为信阳农林学院站，原终点站技术学院站不再停靠"
        },
        {
          title: "8路",
          shuang: {
            title: "双向行驶",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          she: {
            title: "双向行驶",
            conter: "弘运汽车站站点⇋中山街⇋长安路⇋北京大街⇋体彩广场站点"
          },
          quxiao: {
            title: "双向行驶",
            conter: "大拱桥、曾家园、大庆路口、东关菜场站点"
          },
          content: ""
        }
      ]
    };
  },

  methods: {}
};
</script>

<style lang='scss' scoped>
.up_dow_box {
  .up_dow {
    font-weight: 600;
    margin-right: 12px;
  }
  .dow_cont {
    color: #24c2f7;
  }
  text-align: left;
  line-height: 35px;
  color: #333;
  font-size: 16px;
  letter-spacing: 0.8px;
}
.ditle_foot {
  line-height: 35px;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  letter-spacing: 0.8px;
  text-align: left;
  margin-bottom: 120px;
  .foot_ab {
    text-align: right;
  }
}
.notice {
  line-height: 35px;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  letter-spacing: 0.8px;
  text-align: left;
  margin-top: 60px;
  margin-bottom: 60px;
}
.ditle_conte {
  text-align: left;
  .ditle_item_title {
    margin-right: 8px;
  }
  .ditle_conte_title {
    line-height: 35px;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    letter-spacing: 0.8px;
  }
}
.ditle_box {
  text-align: center;
  .ditle_off {
    margin-top: 15px;
    margin-bottom: 39px;
  }
  .ditle_title_box {
    .title_mar {
      margin-right: 20px;
    }
    .ditle_title {
      color: rgba(128, 128, 128, 1);
      font-size: 12px;
      letter-spacing: 2px;
    }
    text-align: center;
  }

  .ditle_h {
    color: #333333;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    // font-size: 20px;
    // font-weight: 400;
  }
}
</style>
